<div class="lv-list-item-main-container">
  <!--expand icon-->
  <span *ngIf="lvExpand !== null && lvExpand !== undefined" class="lv-list-item-expand-icon" (click)="expanded($event)">
    <ng-container *ngIf="typeUtils.isRealString(lvExpandIcon)">
      <i [lv-icon]="lvExpandIcon" [class.lv-list-item-expand-icon-expand]="animationState === 'show'"></i>
    </ng-container>
    <ng-container *ngIf="typeUtils.isTemplateRef(lvExpandIcon)">
      <ng-container *ngTemplateOutlet="lvExpandIcon; context: { $implicit: lvExpand }"></ng-container>
    </ng-container>
  </span>

  <div class="lv-list-item-main">
    <ng-template [ngTemplateOutlet]="contentTpl"></ng-template>
    <!--TODO: 纵向-->
  </div>
</div>
<div
  *ngIf="lvExpandRender"
  class="lv-list-item-expand-content-wrapper"
  [@showExpand]="animationState"
  (@showExpand.done)="onAnimationDone($event)"
>
  <div class="lv-list-item-expand-content"><ng-container *ngTemplateOutlet="lvExpandRender"></ng-container></div>
</div>

<ng-template #contentTpl>
  <ng-content select="lv-list-item-meta, [lv-list-item-meta]"></ng-content>
  <ng-content></ng-content>
</ng-template>
